<template>
	<view class="xiangqing">
		<rich-text :nodes="huodongInfo"></rich-text>

		<view class="bm-btn flex align-center justify-center" @click="go('baoming')">
			<view class="block"></view>
			<text class="text">{{ '我的报名' }}</text>
			<view class="block"></view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			huodongInfo: ''
		};
	},
	onLoad(e) {
		uni.request({
			url: '/wanlshop/activity/Index/getActiviContent?activity_id=1',
			method: 'GET',

			success: (res) => {
				console.log(res);
				this.huodongInfo = res.data;
			}
		});
	},
	methods: {
		async go(type, id) {
			let [err, r] = await uni.request({
				url: `/wanlshop/activity/Index/getDetailStatus?activity_id=1`,
				method: 'GET'
			});

			switch (+r.data.status) {
				case 1:
					uni.navigateTo({
						url: `/pages/${type}/${type}?type=look`
					});
					break;
				case -1:
					uni.navigateTo({
						url: `/pages/${type}/${type}`
					});
					break;
				case 0:
					uni.navigateTo({
						url: `/pages/tj/tj?type=${0}`
					});
					break;
				case 2:
					uni.navigateTo({
						url: `/pages/tj/tj?type=${1}&name=${r.data.reject}`
					});
					break;
				case 3:
					uni.navigateTo({
						url: `/pages/tj/tj?type=${3}`
					});
					break;
			}
			return;
		}
	}
};
</script>

<style lang="scss" scoped>
.xiangqing {
	min-height: 100vh;
	line-height: 0; /* 设置父元素行高为0 */

	img {
		width: 750rpx !important;
	}
	.bm-btn {
		margin: 30rpx auto;
		width: 640rpx;
		height: 100rpx;
		opacity: 1;
		border-radius: 10rpx;
		font-size: 32rpx;
		font-weight: 900;
		letter-spacing: 1.6rpx;
		color: rgba(255, 255, 255, 1);
		background: linear-gradient(270deg, #ff74e1 0%, #e994ff 100%);
		box-shadow: inset 0px 10px 10px 0px rgba(255, 236, 242, 0.67);
		border-radius: 100px 100px 100px 100px;
		font-size: 32rpx;
		color: #ffffff;
		text-shadow: 0px 4px 10px rgba(255, 59, 120, 0.7216);
		margin-bottom: 32rpx;
		.text {
			margin: 0 50rpx;
		}
		.block {
			width: 10rpx;
			height: 10rpx;
			background-color: #fff;
			border-radius: 50%;
		}
	}
}
</style>
